@(title:String)(content: => Html)

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/html" xmlns="http://www.w3.org/1999/html">

<head>
    <!-- Studentmain -->
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <title>@title</title>
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width">

    <link rel="stylesheet" href="/public/stylesheets/bootstrap-main-2.3.0/bootstrap.min.css">
    <link rel="stylesheet" href="/public/stylesheets/bootstrap-notify/bootstrap-notify.css">
    <link rel="stylesheet" href="/public/stylesheets/bootstrap-notify/styles/alert-blackgloss.css">
    <link rel="stylesheet" href="/public/stylesheets/bootstrap-main-2.3.0/bootstrap-responsive.min.css">
    <link rel="stylesheet" href="/public/stylesheets/main.css">
    <link rel="shortcut icon" href="/public/images/Capture.ico">


    <script src="/public/javascripts/vendor/modernizr-2.6.2-respond-1.1.0.min.js"></script>
    <script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>
    <script src="/public/javascripts/vendor/bootstrap.min.js"></script>
    <script src="/public/javascripts/main.js"></script>
    <script src="/public/javascripts/autosize.js"></script>
    <script src="/public/javascripts/jquery.cookie.js"></script>
</head>

<body>
    <script type="text/javascript">
            $(document).ready(function(){
            $('textarea').autosize();
            });

            $(function() {
            $('a[data-toggle="tab"]').on('shown', function(e){
            //save the latest tab using a cookie:
            $.cookie('last_tab', $(e.target).attr('href'));
            });
            //activate latest tab, if it exists:
            var lastTab = $.cookie('last_tab');
            if (lastTab) {
            $('a[href=' + lastTab + ']').tab('show');
            }
            else
            {
            // Set the first tab if cookie do not exist
            $('a[data-toggle="tab"]:first').tab('show');
            }
            });

            function afskra(){
            $.removeCookie('the_cookie', { path: '/' });
            }

    </script>

        <!--[if lt IE 7]>
        <p class="chromeframe">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> or <a href="http://www.google.com/chromeframe/?redirect=true">activate Google Chrome Frame</a> to improve your experience.</p>
    <![endif]-->

        <!-- This code is taken from http://twitter.github.com/bootstrap/examples/hero.html -->

    <div class="navbar navbar-static-top">
        <div class="navbar-inner">
            <div class="container">
                <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </a>
                <a class="brand" href="@routes.StudentController.studentDashboard()"><img id="logo" src="/public/images/image_2.png" height="46" width="70"></a>
                <div class="nav-collapse collapse">
                    <ul class="nav">
                        <li> <a class="links" href="@routes.StudentController.assignments()"> Verkefni </a> </li>
                        <li> <a class="links" href="@routes.StudentController.exams()"> Próf </a> </li>
                        <li> <a class="links" href="@routes.StudentController.courses(0)"> Áfangar</a></li>
                        <li> <a class="links" href="@routes.StudentController.studentTimeTable" > Stundatafla</a> </li>
                        <li> <a class="links" href="@routes.AccountController.logout()"> Útskrá</a> </li>
                    </ul>
                    <a id="username" class="pull-right">Atli Freyr Pálsson, nemandi</a>
                </div> <!--/.nav-collapse -->
            </div>
        </div>
    </div>
    <script type="text/javascript">
            $(document).ready(function () {
            $('.dropdown-toggle').dropdown();
            });
    </script>

        <!--content comes here -->
    <div id="main">
        @content
    </div>
    <hr>

</body>

</html>